<!DOCTYPE html>
<html class="fp-enabled" style="overflow: hidden; height: 100%;" lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="web前端，web前端个人简历，前端开发">
    <meta name="description" content="胡锋的web前端工程师个人简历">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Web前端个人简历</title>
    <link rel="stylesheet" type="text/css" href="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/style.css">
    <link rel="stylesheet" type="text/css" href="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/jquery.css">
    <link href="http://www.hufeng.ren/logo.ico" rel="shortcut icon">
</head>
<body style="overflow: hidden; height: 100%;" class="fp-viewing-page1">

<div id="fullpage" style="height: 100%; position: relative; transform: translate3d(0px, 0px, 0px); transition: all 700ms ease 0s;" class="fullpage-wrapper">
    <!-- 第一屏 -->
    <div class="section section1 fp-section fp-table active fp-completely" style="height: 763px;" data-anchor="page1"><div class="fp-tableCell" style="height:763px;">
        <h1 style="transition-duration: 1000ms; transform: scale(1.5, 1.5);">我只管努力，上天自有安排</h1>
        <div class="sec1p">
            <p class="secp1" style="transition-duration: 1000ms; top: 0px;">一个代码偏执狂</p>
            <p class="secp2" style="transition-duration: 1000ms; top: 0px;">享受从无到有的成就感</p>
            <p class="secp3" style="transition-duration: 1000ms; top: 0px;">路漫漫其修远兮 吾将上下而求索</p>
        </div>
    </div></div>
    <!-- 第二屏 -->
    <div class="section section2 fp-section fp-table" style="height: 763px;" data-anchor="page2"><div class="fp-tableCell" style="height:763px;">
        <h1 style="transition-duration: 500ms; margin-left: 40%;">About ME</h1>
        <div class="sec2Bor" style="transition-duration: 1000ms; top: 40%;">
            <div class="sectionText" style="transition-duration: 3000ms; opacity: 1;">
                <img src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/yuan.jpg">
                <p>姓 名：胡 锋</p>
                <p>年 龄：23</p>
                <p>性 别: 男</p>
                <p>职 位：前端工程师</p>
                <p>专 业: 软件工程系(Java)</p>
                <p>毕业学校：湖南软件学院</p>
            </div>
        </div>
    </div></div>
    <!-- 第三屏 -->
    <div class="section section3 fp-section fp-table" style="height: 763px;" data-anchor="page3"><div class="fp-tableCell" style="height:763px;">
        <div id="sec3Nav">
            <ul>
                <li class="sec3-li1" style="transition-duration: 500ms; margin-left: 40%;" id="0"><span>1</span><a href="javascript:;">简单的自我介绍</a></li>
                <li class="sec3-li2" style="transition-duration: 500ms; margin-left: 40%;" id="1"><span>2</span><a href="javascript:;">为什么想做前端工程师？</a></li>
                <li class="sec3-li3" style="transition-duration: 500ms; margin-left: 40%;" id="2"><span>3</span><a href="javascript:;">为什么不从事本专业？</a></li>
                <li class="sec3-li4" style="transition-duration: 500ms; margin-left: 40%;" id="3"><span>4</span><a href="javascript:;">优势和不足？</a></li>
                <li class="sec3-li5" style="transition-duration: 500ms; margin-left: 40%;" id="4"><span>5</span><a href="javascript:;">我的想法是?</a></li>
            </ul>
        </div>
        <div class="sec3Wrap" style="transition-duration: 1500ms; margin-right: 45%;">
            <div class="sec3Box">
                <p>你好，我是胡锋</p>
                <p>来自湖南郴州的一个小山庄</p>
                <p>爱好广泛,喜欢听音乐和旅行</p>
                <p>...</p>
                <p>莫听穿林打叶声，何妨吟啸且徐行。<br>竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生。</p>
            </div>
            <div class="sec3Box">
                <p>可能就像这一句情话</p>
                <p>You are the css to my html.</p>
                <p>“我的生活索然无味，</p>
                <p>直到遇见了你。”</p>
                <p>纯属兴趣爱好,看好这个行业而学</p>
            </div>
            <div class="sec3Box">
                <p>工作，本应该是一件使人快乐的事</p>
                <p>但，好像...只有编程我才能感到真正的快乐！！！</p>
                <p>误入深坑，却爱的无法自拔</p>
            </div>
            <div class="sec3Box">
                <p>我的不足是：不想加班</p>
                <p>放假就想老老实实躺会</p>
                <p>我的优势是：主动加班</p>
                <p>在赶项目等阶段还是老实本分的敲</p>
                <p>如果你不介意</p>
                <p>那就选我吧！</p>

            </div>
            <div class="sec3Box">
                <p>有人说 ฅ^•ﻌ•^ฅ</p>
                <p>IT是个青春饭 </p>
                <p>但我 (ฅ´ω`ฅ)</p>
                <p>要到敲不动为止</p>
                <p>。</p>
                <p>。</p>
                <p>当然，得先有一个你@我offer！</p>
            </div>
        </div>

    </div></div>
    <!-- 第四屏 -->
    <div class="section section4 fp-section fp-table" style="height: 763px;" data-anchor="page4"><div class="fp-tableCell" style="height:763px;">
        <h1>专业技能</h1>
        <div class="sec4-pic" style="transition-duration: 500ms; top: 0px;">
            <span id="pic-h" style="transition-duration: 100ms; left: 0px;">
                <p class="h-tit" style="transition-duration: 500ms; top: 120px;">HTML</p>
                <ul class="sec4-list" style="transition-duration: 500ms; opacity: 0;">
                    <li class="head-view">前端基本功</li>
                    <li>熟练HTML熟悉盒模型和各类布局方式、能够根据设计图实现页面布局和交互效果</li>
                    <li>熟悉PC端、移动端、响应式网页开发</li>
                </ul>
            </span>
            <span id="pic-c" style="transition-duration: 500ms; left: 3%;">
                <p class="c-tit" style="transition-duration: 500ms; top: 120px;">CSS</p>
                <ul class="sec4-list" style="transition-duration: 500ms; opacity: 0;">
                    <li>熟练css</li>
                    <li>熟悉H5C3新特新</li>
                    <li>使用BootStrap MUI等</li>
                </ul>
            </span>

            <span id="pic-j" style="transition-duration: 500ms; left: 6%;">
                <p class="j-tit" style="transition-duration: 500ms; top: 140px;">JavaScript</p>
                <ul class="sec4-list" style="transition-duration: 500ms; opacity: 0;">
                    <li>熟练JavaScript</li>
                    <li>熟练jQuery</li>
                    <li>擅长改用各种插件</li>
                    <li>熟练ajax</li>
                </ul>
            </span>

            <span id="pic-aj" style="transition-duration: 500ms; left: 9%;">
                <p class="aj-tit" style="transition-duration: 500ms; top: 140px;">目前</p>
                <ul class="sec4-list" style="transition-duration: 500ms; opacity: 0;">
                    <li>现学习VUE与微信公众号和小程序</li>
                </ul>
            </span>
        </div>
    </div></div>
    <!-- 第五屏 -->
    <div class="section section5 fp-section" style="height: 763px;" data-anchor="page5">
        <h1>我的作品</h1>



        <!-- 第五/二屏 -->
        <div class="fp-slides"><div class="fp-slidesContainer" style="width: 400%;"><div class="slide fp-slide fp-table active" style="width: 25%;"><div class="fp-tableCell" style="height:763px;">
            <img class="pic3" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/1-3.png" alt="尚阳弘星一体板">
            <img class="pic2" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/1-2.png" alt="尚阳弘星一体板">
            <img class="pic1" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/1-1.png" alt="尚阳弘星一体板">
            <div class="slide-text">
                <h2>尚阳弘星一体板</h2>
                <p><strong>技术实现：</strong>HTML5、CSS3\jQuery、javascript</p>
                <p><strong>项目描述：</strong>尚阳弘星浙江新材料股份有限公司是一家集研发制造、<br>设计安装、销售服务为一体的高新技术企业...</p>
                <p><strong>实现技术：</strong></p>
                <ul>
                    <li>根据产品需求分析并给出前端结构解决方案并完成效果实现</li>
                    <li>利用div+css等将页面实现，高度还原设计图</li>
                    <li>使用jQuery完成页面动态交互</li>
                </ul>
                <!--<p><strong>项目收获：</strong></p>
                <ul>
                    <li>熟练原生javascript、jQuery的使用</li>
                </ul>-->
                <span class="addr">项目地址：</span><a href="http://syhxyitiban.com/contact/index.html" target="blank">跳转</a>
            </div>
        </div></div><div class="slide fp-slide fp-table" style="width: 25%;"><div class="fp-tableCell" style="height:763px;">
            <img class="pic3" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/2-1.png" alt="歌珊装饰">
            <img class="pic2" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/2-2.png" alt="歌珊装饰">
            <img class="pic1" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/2-3.png" alt="歌珊装饰">
            <div class="slide-text">
                <h2>歌珊装饰</h2>
                <p><strong>技术实现：</strong>HTML/CSS、jQuery</p>
                <p><strong>项目描述：</strong>杭州歌珊装饰是一家集装饰设计、<br>施工、家具、软装等为一体的健康全屋定制家居企业...</p>
                <p><strong>实现技术：</strong></p>
                <ul>
                    <li>通过采用div+css样式布局排版</li>
                    <li>使用H5C3、jQuery和插件等工具完成页面轮播图等其他效果</li>
                </ul>
                <span class="addr">项目地址：</span><a href="http://hzgszs.cn/" target="blank">跳转</a>
            </div>
        </div></div><div class="slide fp-slide fp-table" style="width: 25%;"><div class="fp-tableCell" style="height:763px;">
            <img class="pic3" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/store-3.jpg" alt="玛雅布业">
            <img class="pic2" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/store-2.jpg" alt="玛雅布业">
            <img class="pic1" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/store-1.jpg" alt="玛雅布业">
            <div class="slide-text">
                <h2>玛雅布业</h2>
                <p><strong>技术实现：</strong>HTML/CSS、 HTML5/CSS3、js、jQuery等</p>
                <p><strong>项目描述：</strong>浙江玛雅布业有限公司-主要提供沙发布外贸... <br>是集研发、生产、销售于一体的当代沙发面料制造实业公司</p>
                <p><strong>实现技术：</strong></p>
                <ul>
                    <li>根据产品需求分析并给出最优的网页前端结构解决方案并完成效果实现</li>
                    <li>利用css+html等将页面实现，高度还原设计图</li>
                    <li>用js、jQuery实现特效制作</li>
                </ul>
                <span class="addr">项目地址：</span><a href="http://www.mayafab.com/" target="blank">跳转</a>
            </div>
        </div></div><div class="slide fp-slide fp-table" style="width: 25%;"><div class="fp-tableCell" style="height:763px;">
            <div class="slide-text">
                <h2>爱拓生物(公众号)</h2>
                <p><strong>技术实现：</strong>HTML/CSS、 HTML5/CSS3、jQuery等</p>
                <p><strong>项目描述：</strong>"爱拓生物"是一家专业从事健康预防科学产品、科研技术开发、<br>医疗器械、健康管理、生产及销售服务等为一体的机构</p>
                <p><strong>实现技术：</strong></p>
                <ul>
                    <li>初次接触微信公众号开发</li>
                    <li>利用css+html等将页面实现，高度还原设计图</li>
                    <li>利用ajax实现数据互交</li>
                </ul>
                <span class="addr">项目地址：</span><a href="javascript:return%20false;" target="blank">微信关注"爱拓生物"(公众号)</a>
            </div>
        </div></div></div></div><div class="fp-controlArrow fp-prev"></div><div class="fp-controlArrow fp-next"></div>

        <!-- 第五/三屏 -->
        

        <!-- 第五/四屏 -->
        

        <!-- 第五/五屏 -->
        

    <div class="fp-slidesNav bottom" style="margin-left: -56px;"><ul><li><a href="#" class="active"><span></span></a></li><li><a href="#"><span></span></a></li><li><a href="#"><span></span></a></li><li><a href="#"><span></span></a></li></ul></div></div>

    <!-- 第六屏 -->
    <div class="section section6 fp-section fp-table" style="height: 763px;" data-anchor="page6"><div class="fp-tableCell" style="height:763px;">
        <h1 id="sec6-h">联系我</h1>
        <img class="sec6-pic1" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/bg81.png" alt="">
        <div class="sec6-p">
            <div>
                <img id="sec6pic" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/weixin.jpg">
            </div>
            <ul>
                <li>电话：152-7415-4870</li>
                <li>邮箱：1253449704@qq.com</li>
                <li>Q Q：1253449704</li>
                <li><a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&amp;email=Hy4tKiwrKyYoLytfbm4xfHBy" style="text-decoration:none;">给我写信</a></li>

            </ul>
        </div>
        <div class="footer">
            <p>@2017-2018 备案号 : 湘ICP备17002914号</p>
        </div>
    </div></div>

</div>
<script src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/jquery_002.js"></script>
<script src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/jquery_003.js"></script>
<script src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/jquery.js"></script>
<script src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/move.js"></script>
<script type="text/javascript" src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/index.js"></script>

<div id="head">
    <div class="head-left">
        <img src="Web%E5%89%8D%E7%AB%AF%E4%B8%AA%E4%BA%BA%E7%AE%80%E5%8E%86_files/logo.jpg">
        <div id="head-tit">
            <span id="head-e">胡锋</span>
            <hr>
            <span id="head-c">个人简历</span>
        </div>
    </div>
    <div class="head-right">
        <ul>
            <li><a href="#page1">首页</a></li>
            <li><a href="#page2">关于我</a></li>
            <li><a href="#page3">心路历程</a></li>
            <li class="head-view"><a href="#page4">专业技能</a></li>
            <li class="head-view"><a href="#page5">我的作品</a></li>
            <li><a href="#page6">联系我</a></li>
        </ul>
    </div>
</div><div id="fp-nav" class="right" style="margin-top: -63.5px;"><ul><li><a href="#page1" class="active"><span></span></a><div class="fp-tooltip right">首页</div></li><li><a href="#page2" class=""><span></span></a><div class="fp-tooltip right">关于我</div></li><li><a href="#page3" class=""><span></span></a><div class="fp-tooltip right">心路历程</div></li><li><a href="#page4" class=""><span></span></a><div class="fp-tooltip right">专业技能</div></li><li><a href="#page5" class=""><span></span></a><div class="fp-tooltip right">我的作品</div></li><li><a href="#page6" class=""><span></span></a><div class="fp-tooltip right">联系我</div></li></ul></div></body></html>